<?php
/*
 * Template Name: Game 1
 */
?>

<?php get_header(); ?>

<link href="<?php echo get_template_directory_uri(); ?>/js/2048/main.css" rel="stylesheet" type="text/css">

<div id="game-main" class="content">
<div class="container12">

	<div class="column9 alpha game_page_content">

		<div class="row noMargin">
	
			<!-- Content -->
			<div id="content">
				<div class="column12">
				<?php if(have_posts()): while(have_posts()): the_post(); ?>
				
						<div class="about_content"><?php the_content(); ?></div>
			
				<?php endwhile; endif; ?>
				</div>
			</div>
			<!-- End Content -->
			
		</div>
	
		<div id="game2048" class="row">
	
		
		
		
		
		
		
		
		
		
		
		
		
		<div class="heading">
      <h1 class="title">2048</h1>
      <div class="scores-container">
        <div class="score-container">0</div>
        <div class="best-container">0</div>
      </div>
    </div>

    <div class="above-game">
      <p class="game-intro">Join the numbers and get to the <strong>2048 tile!</strong></p>
      <a class="restart-button">New Game</a>
    </div>


    <div class="game-container">
      <div class="game-message">
        <p></p>
        <div class="lower">
	        <a class="keep-playing-button">Keep going</a>
          <a class="retry-button">Try again</a>
          <div class="score-sharing"></div>
          
        </div>
      </div>

      <div class="grid-container">
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
        <div class="grid-row">
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
          <div class="grid-cell"></div>
        </div>
      </div>

      <div class="tile-container">

      </div>
    </div>

    <p class="game-explanation">
      <strong class="important">How to play:</strong> Use your <strong>arrow keys</strong> to move the tiles. When two tiles with the same number touch, they <strong>merge into one!</strong>
    </p>
    <hr>
    <p>
    Created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a> and conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
    </p>
   
		
		
		
		
		
		
		
		
		
	
		</div>
		
		<div class="row">
			<div class="column12 metainfo"><?php edit_post_link(); ?></div>
		</div>
	
	
	</div>
	<!-- End Main Content -->
	
	
	
	<!-- Sidebar Content -->
	<div class="column3 omega post_page_sidebar">
		<?php get_sidebar(); ?>
	</div>
	<!-- End Sidebar Content -->
	
	
	
	
	<script src="<?php echo get_template_directory_uri(); ?>/js/2048/game_2048.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/js/2048/game_manager.js"></script>
	<script src="<?php echo get_template_directory_uri(); ?>/js/2048/application.js"></script>
		
</div>
</div>
<?php get_footer(); ?>